.clinic-list{
	background-color: #FFF;
	.clinic-box{
		position: absolute;
		top: 38px;
		left: 0px;
		right: 0px;
		bottom: 0px;
		.shadow{
			display: none;
			position: absolute;
			top: 0px;
			left: 0px;
			right: 0px;
			bottom: 0px;
			background: rgba(0,0,0,0.5);
			z-index: 3;
		}
		&.open-search{
			.shadow{
				display: block;
			}
		}
		.scroll-view{
			width: 100%;
			height: 100%;
		}
	}
	.search-box{
		margin-top: 10px;
		border-top: solid 1px #ddd;
		border-bottom: solid 1px #ddd;
		height: 26px;
		line-height: 25px;
		.row{
			padding: 0px;
		}
		.col{
			padding: 0px;
			text-align: center;
			border-right: solid 1px #ddd;
			margin-right: 1px;
			&.selected{
				color: #39d167;
				.down{
					background-image: url("../img/icon-down-cli.jpg");
				}
			}
			.down{
				display: inline-block;
				width: 18px;
				height: 15px;
				background-image: url("../img/icon-down.jpg");
				background-repeat: no-repeat;
				background-size: contain;
				vertical-align: middle;
			}
		}
		.list{
			z-index: 4;
			margin-top: -2px;
			background-color: #FFF;
			padding: 0px;
			ion-scroll{
				max-height: 240px;
			}
			.item{
				height: 30px;
				line-height: 30px;
				padding: 0 10px 0 10px;
				font-size: 14px;
				font-weight: bold;
				&.selected{
					color: #39d167;
				}
			}
		}	
	}
	.clinics{
		padding-bottom: 0px;
		
		.list{
			margin-top: -1px;
		}
		.item{
			padding: 10px 0px 0px 0px;
			.row{
				padding: 0px;
			}
			.avatar{
				img{
					width: 90px;
					height: 90px;
					border-radius: 50%;
					overflow: hidden;
				}
			}
			.info{
				padding-bottom: 0px;
				.t1{
					font-size: 13px;
					font-weight: bold;
					color: #323232;
					line-height: 30px;
					.name{
						font-size: 25px;
						color: #39d167;
						margin-right: 10px;
					}
				}
				.t{
					font-size: 15px;
					font-weight: bold;
					color: #323232;
					line-height: 25px;
					white-space: normal;
				}
				.price{
					height: 25px;
					line-height: 25px;
					border-top: solid 1px #ddd;
					padding: 0px;
					font-size: 12px;
					.col{
						padding: 0px;
						&.money{
							color: #ff4200;
						}
						&.old{
							color: #666666;
							text-decoration: line-through;
						}
						&.status{
							text-align: right;
							&.over{
								a{
									background-color: #a3a3a3;
								}
								
							}
							a{
								background-color: #39d167;
								color: #fff;
								text-align: center;
								border-radius: 3px;
								padding: 2px;
							}
						}
					}
				}
			}
		}
	}
}
.clinic-detail{
	.btn{
		margin-top: 40px;
	}
}

.add-clinic{
	.add{
		margin-top: 10px;
		.list{
			padding: 0px;
			.item{
				padding: 0px;
				padding-left: 10px;
				padding-right: 10px;
			}
			.col{
				padding: 0px;
				font-size: 14px;
				input{
					height: 18px;
					text-align: right;
				}
			}
			.r{
				text-align: right;
				color: #323232;
			}
		}
		.button{
			margin-top: 10px;
		}
	}
}